В этой теме я расскажу, как делаются такие кнопочки с небольшим улучшением внешнего вида.
1. Для начала создаём файл со следующими параметрами
2. Заливаем следующим цветом: 3e3e3e
При помощи Rectangular Marquee Tool (Кнопка M) в середине выделям прямоугольник (примерно 1/3 часть), создаём новый слой (Ctrl+Shift+N) и снова заливаем тем же цветом.
3. Нажимаем правой кнопкой на «Layer 2» и выбираем «Blending Options...», выбираем «Inner Glow» со следующими параметрами
Затем выбираем «Color Overlay»
4. При помощи Rectangular Marquee Tool выделяем ещё один прямоугольник меньшего размера, создаём новый слой и заливаем его цветом 282828
5. Создаём новый слой.
Выбираем Rounded Rectangle Tool (Кнопка U), радиус ставим 100 px, и рисуем форму как на рисунке.
Жмем правую кнопку, выбираем Make selection, жмем OK, заливаем выделение черным.
6. Правой кнопкой на Layer 4, выбираем «Blending Options...». Применяем следующие эффекты
Результат
7. Создаём новый слой.
Выбираем Rounded Rectangle Tool, радиус 100 px, и рисуем форму поменьше.
Жмем правую кнопку, выбираем Make selection, жмем OK, заливаем выделение белым.
8. Правой кнопкой на Layer 5, выбираем «Blending Options...». Применяем следующие эффекты
Результат
9. Выбираем Text Tool (Кнопка T), используем шрифт Neuropol (скачать). Нажимаем Ctrl+T и задаем следующие параметры текста
Результат
10. Правой кнопкой на Layer 6, выбираем «Blending Options...». Применяем следующие эффекты
Результат
11. Создаём новый слой.
Выбираем Line Tool (Кнопка U). В графе Weight ставим 5 px, цвет белый.
Рисуем линию скраю (зажмите Shift и линия будет прямая)
12. Теперь нужно добавить ещё две точки на линии.
Выбираем «Add Anchor Point Tool»
и в центре слева и справа добавляем две новых точки.
13. Выбираем «Direct Selection Tool»
и с зажатым Shift'ом выбираем созданные вами точки.Используя стрелки на клавиатуре вытягиваем форму влево.
14. Правой кнопкой на Shape 1, выбираем «Blending Options...». Применяем следующие эффекты
Результат
15. Продублируйте слой Shape 1 несколько раз (Ctrl+J).
Расположите полученные трубки с левой и правой стороны кнопки.
Чтобы перевернуть трубку выбираем Edit->Transform->Flip Horizontally
Результат
16. Создаём новый слой.
Выбираем Ellipse Tool (Кнопка U). Цвет черный.
Рисуем круг.
Затем полученный слой Shape 2 ставим перед Layer 5 в панели слоев.
17. Правой кнопкой на Shape 2, выбираем «Blending Options...». Применяем следующие эффекты
Результат
18. Дублируем получившийся слой и размещаем соответственно трубкам.
19. Наслаждаемся полученными результатами.
Можно поиграть с цветами при помощи Blending Options...->Color Overlay (не забудьте поменять Blend Mode на Multiply)
+1
— анимированная
— с белым фоном, просто что бы показать все что не видно на черном фоне.
